<template>
	<view>
	<!-- 	<unicloud-db v-slot="{data,loading,error,options}" collection="index-swiper">
			<uni-swiper-dot :info="data" :indicator-dots="false">
				<swiper class="screen-swiper round-dot" indicator-dots="true" interval="3000" autoplay="true" circular="true">
					<swiper-item v-for="(item,index) in data" :key="index" style="z-index: -10;">
						<image :src="item.image" mode="aspectFill"></image>
					</swiper-item>
				</swiper>
			</uni-swiper-dot>
		</unicloud-db> -->
		<view class="inSubject">
			<!-- 会员标签 -->
			<view class="Subject-label shadow shadow-lg bg-gradual-blue">
				<view class="Subject-image ">
					<image class="cu-avatar round lg" src="../../static/logo.png" mode=""></image>
				</view>
				<view class="Subject-text text-bold">
					<view>会员</view>
					<view>
						<image class="label-icon" src="../../static/icon/jifen.png" mode="aspectFit" />
						<text>：</text>
						<text>3360</text>
					</view>
				</view>
			</view>
			<view class="or-posi margin-top">
				<text class=" text-bold">当前所在桌号：100</text>
			</view>
			<!-- 立即点餐模块 -->
			<navigator url="../order/order">
				<view class="Order-Now radius shadow shadow-lg margin-top">
					<image class="img100" src="../../static/image/order1.png" />
				</view>
			</navigator>
			<!-- 积分优惠券模块 -->
			<view class="Content-details margin-top">
				<navigator class="Con-explain" url="../PointsMall/PointsMall">
					<view class="img100">
						<image class="img100" src="../../static/image/jifen1.png" mode="aspectFit" />
					</view>
				</navigator>

				<navigator class="Con-explain" url="../VipDetails/VipDetails">
					<view class="img100">
						<image class="img100" src="../../static/image/vip1.png" mode="aspectFit" />
					</view>
				</navigator>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg: "hello",
				current: 0
			}
		},
		methods: {
			changeSwiper(e) {
				this.current = e.detail.current
			}
		}
	}
</script>
<style lang="less">
	@import url("@/static/css/components.less");

	.inSubject {
		position: relative;
		width: 95%;
		margin: 0 auto;
		border-radius: 10rpx;
		padding: 10rpx;
		margin-top: -30rpx;
		z-index: 15 !important;

		// 会员标签
		.Subject-label {
			display: flex;
			padding: 30rpx 0;
			border-radius: 10rpx;

			.Subject-text {
				margin-left: 15rpx;

				view {
					padding: 5rpx 0;
				}
			}

			.Subject-image {
				padding: 0 15rpx;
			}

			.label-icon {
				width: 26rpx;
				height: 26rpx;
				margin-right: 10rpx;
			}
		}

		.or-posi {
			padding: 15rpx 0;
		}

		// 点餐icon
		.Order-Now {
			width: 100%;
			height: 300rpx;
			background-color: #fff;
			overflow: hidden;
		}

		.Content-details {
			width: 100%;
			height: 200rpx;
			border-radius: 10rpx;
			display: flex;
			justify-content: space-between;
			padding: 20rpx 0;

			.Con-explain {
				width: 47%;
			}
		}


	}
</style>
